<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <script>

        // 模拟缓存机制
        var cache = (function  createCache() {
            
            // kvCache 是函数 也是对象
            function kvCache(key, value) {
                
                // kvCache 动态添加 传入的属性 并且存储值
                kvCache[key]  = value;
            }
            return kvCache;
        })();
    
    cache('my_name', '刘德华'); // 缓存刘德华名字
    // 取出数据
    console.log(cache.my_name);
    

    cache('age', 18);
    console.log(cache.age);
    
    

    // 为对象动态添加属性
    var obj = {};
    obj['name'] = '刘德华'
    obj.name
    </script>
    
</body>
</html>